<template>
    <div class="breadbox">
        <el-breadcrumb :separator-icon="ArrowRight">

            <el-breadcrumb-item :to="{ path: './attr' }">政策法规</el-breadcrumb-item>
            <el-breadcrumb-item>政策法规详情</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div class="mainbox u-p-50">
        <p class="title">{{ title }}</p>
        <el-divider></el-divider>

         <div class="content_text" v-html=detail></div>
    </div>
</template>

<script lang="ts" setup>
import router from '@/router';
import { ArrowRight } from '@element-plus/icons-vue';
import { useRoute } from 'vue-router';
import { ref } from 'vue'
const title: any = ref('')
const detail:any = ref('')
const id: any = ref(0)
const route = useRoute()
const content = ref('')

title.value = route.query.title
detail.value = route.query.content
id.value = route.query.id


</script>

<style lang="scss">
.breadbox {
    margin: 30px auto 50px;
    width: 1400px;
}
.content_text {
          font-size: 16px;
          margin-top: 64px;
          line-height: 28px;

          img {
            width: 100%;
            height: 400px;
          }

          .text_aline {
            text-align: center;
          }
        }

.mainbox {
    width: 1400px;
    margin: 30px auto;
    border: 1px solid #999;

    .title {
        font-size: 32px;
        font-weight: bold;
        text-align: center;
    }

    .main-text {
        font-size: 12px;

    }

    .font-w {
        font-size: 16px;
        font-weight: bold;
        margin: 10px 0
    }
}
</style>